<template>
<!--  组件的结构-->
  <div class="demo">
    <h2>  学校名称：{{name}}</h2>
    <h2>  学校地址：{{address}}</h2>
   <button @click="showMsg">点我显示地址</button>
  </div>
</template>
<!-- 组件交互的代码-->
<script>
//默认暴露
 export default{
   name:'School',
   data(){
     return{
       name:'哈哈哈',
       address:'四川南充'
     }
   },
   methods:{
     showMsg(){
       alert(this.name)
     }
   }
 }
</script>
<!--组件的样式-->
<style>
.demo{
  background-color: skyblue;
}
</style>